/* 
步骤
1、设置跟地址 拦截器
2、点击登录注册 来回切换
3、事件注册功能 （提交数据 弹窗 切换界面）
*/


// 获取数据 测试跟地址
// axios.get("/student/list")
//     .then(res => {
//         console.log(res)
//     })


// 点击a标签来回切换大盒子

// 获取dom元素
// 大盒子
const registerBox = document.querySelector('.register');
const loginBox = document.querySelector('.login');
// a标签
const registerA = document.querySelector('.register-a');
const loginA = document.querySelector('.login-a');


// 点击登录 隐藏自己
loginA.addEventListener('click', function (e) {
    loginBox.style.display = 'none';
    registerBox.style.display = 'block';
})

// 点击注册 隐藏自己
registerA.addEventListener('click', function (e) {
    loginBox.style.display = 'block';
    registerBox.style.display = 'none';
})

// 给注册盒子 中的form表单 点击事件
registerBox.querySelector("form").addEventListener("submit", function (event) {
    // 清除默认行为
    event.preventDefault()
    // 获取表单的值
    const data = $(this).serialize();
    // 提交给后端
    axios.post("/api/register", data)
        .then(res => {
            // 如果注册成功
            if (res.data.status === 0)
                // 弹出成功框
                toastr.success(res.data.message)
            registerA.click()
        })
})

// 给登录盒子 中的form表单 点击事件
loginBox.querySelector("form").addEventListener("submit", function (event) {
    // 清除默认行为
    event.preventDefault()
    // 获取表单的值
    const data = $(this).serialize();
    // 提交给后端
    axios.post("/api/login", data)
        .then(res => {
            // 判断是否登录成功
            // console.log(res)
            if (res.data.code === 0) {
                toastr.success('登陆成功')
                // 存储token
                localStorage.setItem('token', res.data.token)
                // 设置延时器 演示1s后 显示提示框 页面跳转
                setTimeout(function () {
                    toastr.success(res.data.message)
                    // 页面跳转
                    location.href = './index.html'
                }, 1000)
            }
        })
})
